
    <!--模块1-->
    <section>
        <style>
        </style>
        <div>
            <img src="{dr_get_file($mokuai1)}" alt="" style="width:100%"/>
        </div>
    </section>
    <!--模块2-->
    <section>
        <style>
          @media(max-width:786px){
              .module2{
                  width: 80%;
                  margin: 20px 10%;
              }
              .module2-img img{
                  width: 100%;
                  border-radius: 20px;
              }
          }
          @media(min-width:786px){
              .p-module{
                  width: 60%;
                  margin: 50px 20%;
              }
              .module2{
                  display: flex;
                  flex-wrap: wrap;
              }
              .half-module{
                  width: 50%;
              }
              .module2-img img{
                  width: 100%;
                  border-radius: 20px;
              }
          }
        </style>
        <div class="p-module module2">
            <div class="half-module">
                <p>{usu_fanyi($mk2nr, $language)}</p>
            </div>
            <div class="half-module module2-img">
                <img src="{dr_get_file($mk2tp)}" alt="" />
            </div>
        </div>
    </section>
    <!--模块3-->
    <section>
        <style>
          @media(max-width:786px){
              .module3{
                  margin: 20px 10%;
                  width: 80%;
              }
              .module3-sub{
                  border-radius: 20px;
                  padding: 20px;
                  width: 100%;
              }
              .module3-sub img{
                  width: 100%;
              }
              .module3-sub p{
                  text-align: center;
                  font-size: 16px;
              }
          }
          @media(min-width:786px){
              .module3{
                  display: flex;
              }
              .module3-sub{
                  border-radius: 20px;
                  padding: 20px;
                  width: 33.3%;
              }
              .module3-sub img{
                  width: 100%;
              }
              .module3-sub p{
                  text-align: center;
                  font-size: 15px;
              }
          }
        </style>
        <div class="p-module module3">
            <?php if ($mokuai3) { $key=0; foreach ($mokuai3 as $v) { ?>
            <div class="module3-sub">
                <img src="{dr_get_file($v[1])}" alt="" />
                <p>{usu_fanyi($v[2], $language)}</p>
            </div>
            <?php $key++; } } ?>
        </div>
    </section>
    <!--模块4-->
    <section>
        <style>
          @media(max-width:786px){
            .module4 img{
                width: 100%;
            }
          }
          @media(min-width:786px){
            .module4 img{
                border-radius: 20px;
                width: 100%;
            }
          }
        </style>
        <div class="p-module module4">
            <img src="{dr_get_file($mokuai4)}" alt="" />
        </div>
    </section>
    <!--模块5-->
    <section>
        <style>
          @media(max-width:786px){
              .half-module5{
                  width: 100%;
              }
              .module5{
                  display: flex;
                  flex-wrap: wrap;
              }
              .half-module5{
                  padding:0 50px;
                  width: 100%;
                  text-align: center;
              }
              .half-module5 h1{
                  color: #169442;
              }
              .module5-img img{
                  width: 100%;
                 border-radius: 20px;
              }
              .module-line{
                  margin-left:25% ;
              }
          }
          @media(min-width:786px){
              .module5{
                  display: flex;
                  flex-wrap: wrap;
              }
              .half-module5{
                  padding: 50px;
                  width: 50%;
              }
              .half-module5 h1{
                  color: #169442;
              }
              .module5-img img{
                  width: 100%;
                 border-radius: 20px;
              }
          }
         .module-line{
                margin-top: 20px;
                width: 50%;
                height: 2px;
                background-color: #169442;
            }
        </style>
        <div class="p-module module5">
            <?php if ($mokuai5) { $key=0; foreach ($mokuai5 as $v) { ?>
            {if ($key+1) % 2 == 0}
            <div class="half-module module5-img">
                <img src="{dr_get_file($v[1])}" alt="" />
            </div>
            <div class="half-module5">
                <h1>{usu_fanyi($v[2], $language)}</h1>
                <div class="module-line"></div>
                <p>{usu_fanyi($v[3], $language)}</p>
            </div>
            {else}<div class="half-module5">
                <h1>{usu_fanyi($v[2], $language)}</h1>
                <div class="module-line"></div>
                <p>{usu_fanyi($v[3], $language)}</p>
            </div>
            <div class="half-module module5-img">
                <img src="{dr_get_file($v[1])}" alt="" />
            </div>
            {/if}
            <?php $key++; } } ?>
        </div>
    </section>
    <!--模块6-->
    <section>
        <style>
          @media(max-width:786px){
            .module6 img{
                width: 100%;
            }
          }
          @media(min-width:786px){
            .module6 img{
                border-radius: 20px;
                width: 100%;
            }
          }
        </style>
        <div class="p-module module6">
            <img src="{dr_get_file($mokuai6)}" alt="" />
        </div>
    </section>
    <!--模块7-->
    <section>
        <style>
            .module7 h1{
                font-size: 25px;
                font-weight: 600;
                color: #169442;
            }
            .module-line2{
                margin-top: 20px;
                height: 2px;
                background-color: #169442;
                width: 150px;
            }
          @media(max-width:786px){
              .module7{
                  margin:0 auto;
                  width: 90%;
              }
              .module7 img{
                  width: 100%;
              }
          }
          @media(min-width:786px){
          }
        </style>
        <div class="p-module module7">
            <h1>{usu_fanyi($mokuai7, $language)}</h1>
            <div class="module-line2"></div>
            <p>{usu_fanyi($mk7nr, $language)}</p>
        </div>
    </section>
    <nav class="current-offers-module__segments">
    </nav>
    <style>
      @media (min-width:756px) {
        .i_tit{
          margin-bottom: 50px;
        }
        .in_contact_t{
          text-align: center;
          margin-bottom: 120px;
        }
        .in_c_list dd {
          margin-left: 22%;
          display: flex;
          justify-content: flex-start;
        }
        .in_c_list dd .icon-s{
         margin-right: 20px;
         padding: 10px;
        }
        .in_c_list dd span{
         text-align:left;
        }
        .in_c_list p{
          margin: 0;
        }
      }
      .more-s{
        text-align: center;
        padding: 10px 80px;
        color: #169442;
        background: #fff;
      }
      .more-s:hover{
        border-color: #169442;
        color: #fff;
        background: #169442;
      }
      @media screen and (min-width: 1440px){
        .footer-row {
            padding-left: 117px;
            padding-right: 137px;
            margin-top: 70px;
        }
      }
    </style>